<%--
  Created by IntelliJ IDEA.
  User: SYHT
  Date: 2017/5/19
  Time: 16:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <jsp:include page="documentForeEnd.jsp"/>
    <link href="${pageContext.request.contextPath}/dist/foreEnd/css/bootstrap.css" rel="stylesheet"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/foreEnd/css/ystep.css">

</head>
<body>
<header>
    <jsp:include page="headerForeEnd2.jsp"/>
</header>


<!--模板管理-->
<div class="container">


    <div style="margin-top: 100px;text-align: center">
        <h4 class="apply_h4">申请详情</h4>
        <form action="#">
            <div class="form-group">
                <span class="apply_h">申请人：</span>
                <input type="text" class="templet" autocomplete="off" readonly/>
            </div>
            <div class="form-group">
                <span class="apply_h">申请时间：</span>
                <input type="text" class="templet" autocomplete="off" readonly/>
            </div>
            <hr style="width: 33%">
            <div class="form-group">
                <span class="apply_h">巴拉巴拉：</span>
                <input type="text" class="templet" autocomplete="off" readonly/>
            </div>
            <div class="form-group">
                <span class="apply_h">巴拉巴拉：</span>
                <input type="text" class="templet" autocomplete="off" readonly/>
            </div>
            <button type="submit" class="templet_b" style="margin-top: 50px">批准</button>
            <button type="submit" class="templet_b" style="margin-top: 50px">驳回</button>
            <a href="javascript:history.go(-1);"><button type="button" class="templet_b" style="margin-top: 50px">返回</button>
            </a>
        </form>

        <div class="ystep4" style="margin-top: 100px"></div>
    </div>


    <!--分页符-->
</div>

<!-- 引入进度插件 -->
<script src="${pageContext.request.contextPath}/dist/foreEnd/js/ystep.js"></script>
<script>
    $(".ystep4").loadStep({
        size: "large",
        color: "blue",
        steps: [{
            title: "发起",
            content: "哈哈发起了请假申请"
        },{
            title: "审核",
            content: "张经理审核"
        },{
            title: "审核",
            content: "王经理审核"
        },{
            title: "审核",
            content: "张经理审核"
        },{
            title: "批准",
            content: "王经理批准"
        }]
    });

    $(".ystep4").setStep(2);
</script>


</body>
</html>
